import { Metadata } from 'next';
import Navbar from '@/components/appTopBottom/Navbar';
import Footer from '@/components/appTopBottom/Footer';
import { AuthProvider }  from '@/hooks/contexts/AuthContext'
export const metadata: Metadata = {
    title: '稳网互联 - 连接知识，洞察未来',
    description: '利用前沿技术，连接全球知识网络，为您提供洞察未来的智慧与工具',
};

export default function RootLayout({
                                       children,
                                   }: {
    children: React.ReactNode;
}) {
    return (
        <html lang="zh-CN">
        <head>
            {/* 引入外部样式表 */}
            <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" />
            <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap" />
            <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@400;700&display=swap" />
            <title>稳网互联 - 连接知识，洞察未来</title>
        </head>
        <body style={{
            margin: 0,
            padding: 0,
        }}>
        <AuthProvider>
            <Navbar />
            <main>{children}</main>
        </AuthProvider>
        <Footer />
        </body>
        </html>
    );
}